﻿<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>Login</title>
		<meta name="generator" content="Bootply" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!--[if lt IE 9]>
			<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<style type="text/css">
		.modal-footer {   border-top: 0px; }
		</style>
			<script>           
	 $(function() {                               
	 $(".urog-form-role").click(function(){                    
	//得到点击事件的dom结构                    
	var click_node = getEventTrigger(event);                    
	//得到点击close图片的data-close                   
	 //data-close的值是input框的id                   
	 var clickName = click_node.getAttribute("data-close");                   
	 //得到点击事件的属性（INPUT）                    
	var clickInput = click_node.nodeName;                    
	//判断点击的是close图片，则清空相应id输入框的值，并隐藏该close图片                   
	 if(clickName=='phone'||clickName=='pass'||clickName=='pass2'){                        $("#"+clickName).val(null);                       
	 $("#"+clickName).next().css("display","none");                  
	  }                  
	  //判断点击事件的元素是input框                 
	   if(clickInput=="INPUT"){                      
	  //获取INPUT的id                      
	  var next_closeId = click_node.id;                      
	  //绑定获取焦点和输入值-函数                      
	  $("#"+next_closeId).bind("focus keyup",function(){                     
	       //判断当前输入框的值不为空时                            
	if($("#"+next_closeId).val()!=''){                             
	   $(".urog-regclose").css("display","none");                            
	    //当前输入框的下一个同袍节点样式显示                               
	 $("#"+next_closeId).next().css("display","block");                   
	         }                    
	    })                  
	  }             
	   })                
	//得到点击事件的dom结构            
	    function getEventTrigger(event)           
	       {                  
	                 x=event.target;        
	                 return x;      
	            }        
	    })      
	  </script>
		
		
		
	</head>
	
<body background = "img/5.jpg">
<!--login modal-->
<div id="loginModal" class="modal show" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
  <div class="modal-content">
      <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h1 class="text-center">Login</h1>
      </div>
      <div class="modal-body">
          <form class="form col-md-12 center-block" action="doLogin.do" method="post">
            <div class="form-group">
              <input type="text" name="userName" class="form-control input-lg" placeholder="用户名/邮箱">
            </div>
            <div class="form-group">
              <input type="password" name="pwd" class="form-control input-lg" placeholder="密码">
            </div>
            <div class="checkbox">
          <label>
            <input type="checkbox" name="autoLogin"> 自动登录
          </label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           <label>
            <a href="forgetpassword.html"> ?忘记密码</a>
          </label>
          
        </div>
         <div class="btn-group pull-right">
         <button class="reset btn btn-default">重置</button>
          <button class="submit btn btn-primary">登录</button>
		  </div>	
          </form>
      </div>
      <div class="modal-footer">
        
      </div>
  </div>
  </div>
</div>
	<!-- script references -->
		<script type='text/javascript' src="js/jquery-1.9.1.min.js"></script>
        <script type='text/javascript' src="js/bootstrap.min.js"></script>

	</body>
</html>